<section class="py-6" [ngClass]="['bg' + primary, 'text' + contrast]">
	<div
		class="container mx-auto flex flex-col items-center justify-center p-4 space-y-8 md:p-10 md:px-24 xl:px-48"
	>
		<h1 class="text-5xl font-bold leading-none text-center">Something totally different</h1>
		<p class="pt-2 pb-8 text-xl font-medium text-center">
			Eum omnis itaque harum at quae sequi unde similique alias asperiores totam. Ex cumque
			maxime harum doloremque, tempore nam fugiat aspernatur rerum ipsa unde est modi commodi
			molestias maiores eveniet eius esse asperiores neque dicta ea quisquam? Excepturi
			sapiente officiis explicabo ab?
		</p>

		<button
			class="px-8 py-3 text-lg font-semibold rounded"
			[ngClass]="['bg' + default, 'text' + contrastInv]"
		>
			Learn more
		</button>
	</div>
</section>
